<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Registro de usuario</title>
        <link rel="stylesheet" type="text/css" href="css/general.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />

    </h:head>
    <h:body>
       
        <p:messages id="messages" showDetail="false" autoUpdate="true" />
        <h1><h:outputText value="Registro"/></h1>
        <div class="formBlock">
            <f:view>
                <h:form id="registerForm">
                    <h:panelGrid columns="2" columnClasses="columnA">
                        <h:outputLabel value="Nombre:" for="name" />
                        <h:inputText id="name" value="#{signupManagedBean.usuario.nombre}" title="name" required="true" requiredMessage="Se requiere el nombre"/>

                        <h:outputLabel value="Apellidos:" for="surname" />
                        <h:inputText id="surname" value="#{signupManagedBean.usuario.apellidos}" title="Surname" required="true" requiredMessage="Se requiere el apellido"/>
                      
                        <h:outputLabel value="Email:" for="email" />
                        <h:inputText id="email" value="#{signupManagedBean.usuario.correo}" title="Email" required="true" requiredMessage="Se requiere el correo"/>
                        
                        <h:outputLabel value="Password:" for="password" />
                        <h:inputSecret id="password" value="#{signupManagedBean.usuario.password}" title="Password" required="true" requiredMessage="Se requiere el password"/>
                        
                        <h:outputLabel value="Repita Password:" for="repassword" />
                        <h:inputSecret id="repassword" value="#{signupManagedBean.repassword}" title="RePassword" required="true" requiredMessage="Se requiere el password"/>
                        
                        <h:outputLabel value="Tipo de Usuario:" for="rol" />
                        <h:selectOneListbox id="rol" value="#{signupManagedBean.rol}" title="Rol" required="true" requiredMessage="Se requiere el tipo de usuario">
                                <f:selectItem id="usuario" itemLabel="Cliente" itemValue="usuario-cliente" />
                                <f:selectItem id="local" itemLabel="Dueño Local" itemValue="usuario-local" />
                        </h:selectOneListbox>
                        
                    </h:panelGrid>
                    <br/>
                    <h:commandButton value="Aceptar" action="#{signupManagedBean.signUp}" />
                    <h:button value="Cancelar" outcome="index.xhtml" />
                </h:form>
            </f:view>
        </div>
    </h:body>
</html>
